<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>浮动</title>
  <style>
    /*float 属性可以设置以下值之一：
    left - 元素浮动到其容器的左侧
    right - 元素浮动在其容器的右侧
    none - 元素不会浮动（将显示在文本中刚出现的位置）。默认值。
    inherit - 元素继承其父级的 float 值*/
    img {
      /*向左浮动*/
      /*float: left;*/
      /*向右浮动*/
      float: right;
    }
  </style>
</head>
<body>
<p><img src="/基础教程/CSS/gd.jpg" alt="W3School" style="width:170px;height:170px;margin-right:15px;">
  领先的 Web 技术教程 - 全部免费。在 W3School，你可以找到你所需要的所有的网站建设教程。从基础的 HTML 到 CSS，乃至进阶的 XML、SQL、JS、PHP。
  我们的参考手册涵盖了网站技术的方方面面。其中包括W3C标准技术：HTML、CSS、XML 。以及其他技术，诸如 JavaScript、PHP、SQL 等。
  在 W3School，我们提供上千个实例。通过使用我们的在线编辑器，你可以编辑这些例子，并对代码进行实验。</p>
</body>
</html>